
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style"/>
    <title>新浪微博导航界面</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
    <header>
        <h1>新浪导航页</h1>
    </header>
    <section class="main">
      <div class="center-nav">
          <ul>
              <li class="item"><img src="./imgs/baidu.png" alt=""/><br/>百度</li>
              <li class="item"><img src="./imgs/f58.png" alt=""/><br/>网易</li>
              <li class="item"><img src="./imgs/fsina.png" alt=""/><br/>新浪</li>
              <li class="item"><img src="./imgs/ftaobao.png" alt=""/><br/>爱淘宝</li>
              <li class="item"><img src="./imgs/ftianmao.png" alt=""/><br/>天猫</li>
              <li class="item"><img src="./imgs/f58.png" alt=""/><br/>招聘</li>
              <li class="item"><img src="./imgs/ftrip.png" alt=""/><br/>携程</li>
              <li class="item"><img src="./imgs/logo.png" alt=""/><br/>我买网</li>
              <li class="item"><img src="./imgs/hotel.png" alt=""/><br/>折800</li>
              <li class="item"><img src="./imgs/hotel.png" alt=""/><br/>折800</li>
          </ul>
      </div>
      <div class="urls-nav">
            <ul class="urls">
                <li class="url sort"><a href="##" class="btn"><b>&middot;新闻</b></a></li>
                <li class="url"><a href="#" class="btn"><b>房产资讯</b></a></li>
                <li class="url"><a href="#" class="btn"><b>新浪</b></a></li>
                <li class="url"><a href="#" class="btn"><b>网易</b></a></li>
                <li class="url"><a href="#" class="btn"><b>腾讯</b></a></li>

            </ul>

            <ul class="urls">
                <li class="url sort"><a href="##" class="btn"><b>&middot;财经</b></a></li>
                <li class="url"><a href="#" class="btn"><b>东方</b></a></li>
                <li class="url"><a href="#" class="btn"><b>和讯</b></a></li>
                <li class="url"><a href="#" class="btn"><b>新浪</b></a></li>
                <li class="url"><a href="#" class="btn"><b>凤凰</b></a></li>

            </ul>

            <ul class="urls">
                <li class="url sort"><a href="##" class="btn"><b>&middot;汽车</b></a></li>
                <li class="url"><a href="#" class="btn"><b>二手车</b></a></li>
                <li class="url"><a href="#" class="btn"><b>新浪汽车</b></a></li>
                <li class="url"><a href="#" class="btn"><b>汽车之家</b></a></li>
                <li class="url"><a href="#" class="btn"><b>太平洋</b></a></li>

            </ul>
      </div>
    </section>
    <footer>
 <div class="footer-nav">
     <ul class="footer-nav-urls">
         <li><a href="#">首页</a></li>
         <li><a href="#">新闻</a></li>
         <li><a href="#">体育</a></li>
         <li><a href="#">娱乐</a></li>
         <li><a href="#">导航</a></li>
     </ul>
     <div class="clear" style="clear:both"></div>
<p class="inf">
    <a href="#">留言</a><i class="hyp">-</i>
    <a href="#">合作</a></p>
    <p class="cop">Copyright &copy;2016 sina.com</p>
</p>
 </div>
    </footer>

</body>
</html>
